
.time{
  margin-left: 30%;
  padding: 5rpx 20rpx 5rpx 20rpx;  
  width: 200rpx;  
  font-size: 26rpx;  
}
.my_right {padding: 10px;} 
.you_left {padding: 10px;}
  
.new_img {  
  width: 90rpx;  
  height: 90rpx;  
  border-radius: 5px;
  margin-left: 10rpx;
}  
.new_img1 {
  width: 90rpx;
  height: 90rpx;  
  border-radius: 5px;  
  margin-right: 10rpx;
}
.new_txt {max-width: 70%;}  
.p_r{
	display: flex;
  align-items: center;
  justify-content: flex-end;
}
.p_r1{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.new_txt_my{
	position: relative;
  border-radius: 7px;  
  background: #cccccc;  
  padding: 10rpx 20rpx 10rpx 20rpx;  
  font-size:18px;
} 
.new_txt_content{
	padding: 5rpx 10rpx 5rpx 10rpx;
}
.header{
  width:100%;
  background: #fff;
  /* position: fixed; */
  z-index: 200;
  top:0;
  left: 0;
  height:91%;
  position: relative;
}


.history{  
  flex:1;
  font-size: 14px;
  height:85%;
  line-height: 50rpx;  
  word-break: break-all;  
  margin-bottom:0;
  position: fixed;
  overflow-anchor: none;
}
.sendmessage {  
	width: 100%;
	height: 80rpx;
	z-index:999;
	position: fixed;
	bottom:10rpx;
	background: #F4F4F6; 
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.word_left{
  width:20%;
  border-radius: 10rpx;
  height: 60rpx;
  line-height: 60rpx;
  background: #00e600;
  color:#fff;
  text-align: center;
}
.sendmessage input{
  margin-left:1%;
  width: 60%;  
  height: 60rpx;   
  background-color: white; 
  line-height: 60rpx;  
  font-size: 18px;  
  border-radius: 10rpx;
  border: 1px solid #d0d0d0;  
  padding-left: 20rpx;
}

 .user_input_text{
   width: 18%;
   border-radius: 10rpx;
   height: 60rpx;
	line-height: 60rpx;  
   background: #00e600;
   color:#fff;
   margin-left: 1%;
   text-align: center;
 }
 .words{
    width: 100%;  
    z-index:9999;
    position: fixed;
    bottom: 0;
    background-color: #F4F4F6;
    height:650rpx;
    border-top:1rpx solid #cccccc;
}
.words_title{
  width:95%;
  height:50rpx;
  line-height: 50rpx;
  display: flex;
  flex-direction:row;
  padding:15rpx 15rpx 15rpx 15rpx;
  justify-content: space-between;
  font-size:20px;
}
.word_close{
  width:40rpx;
  height:40rpx;
}
.word_line{
	height:50rpx;
	line-height: 50rpx;
}
.scrollBotton{
  height:450rpx;
  padding:15rpx 0 15rpx 0;
  font-size:15px;
  width:94%;
  margin-bottom: 10rpx;
  margin-top: 10rpx;
  margin-left:3%;
  align-items: center;
}
.words_list{
  border-bottom: 1px dashed #d9d9d9;
  padding:10rpx 10rpx 10rpx 10rpx;
}
.words_bottom{
  width:100%;
  height:70rpx;
  line-height: 70rpx;
  font-size:20px;
  text-align: center;
  color:#fff;
  background:#00e600;
}
.new_txt_content{
	position: absolute;
	background-color: #e6e6e6;
	right:20%;
	font-size:17px;
	text-align: center;
	z-index:99;
	width:260rpx;
	padding:10rpx 10rpx 10rpx 10rpx;
}
.new_txt_content view{
	height:70rpx;
	line-height: 70rpx;
}

.write {
    position: absolute;
    bottom: 10rpx;
    left:10rpx;
    height: 42px;
    padding-left: 8px;
    border: 1px solid var(--light);
    background-color: #eceff1;
    width: calc(100% - 30rpx);
    border-radius: 5px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.write input{
	margin-left:1%;
	width: 65%;  
	height: 60rpx;   
	background-color: white; 
	line-height: 60rpx;  
	font-size: 18px;  
	border-radius: 10rpx;
	border:none;  
	padding-left: 20rpx;
}
	
.write image{
	margin-left:10rpx;
	width:50rpx;
	height:50rpx;
}